<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="stylesheets/common.css">
<title>Otoha</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta property="og:title" content="Akairo Otoha　ブランドサイト"/>
<meta property="og:image" content="images/logo.png"/>
<meta property="og:site_name" content="Akairo Otoha　ブランドサイト"/>
<meta property="og:description" content="Akairo Otoha　ブランドサイト"/>
</head>
<body class="pageTop">
<div id="wrapper">
	<header class="clearfix">
		<div class="sp_logo"><img src="images/sp_logo.png" width="207" height="130" alt="akairo otoha astanatura"></div>
		<div class="topContent">
			<div id="slides">
				<img src="images/top_img.png" width="100%" height="" alt="いつまでも乙女の肌であるように">
			</div>
		</div>
		<nav class="menu clearfix">
			<ul class="clearfix">
				<li><a href="about.html" class="menuAbout"><img src="images/menu_about.png" width="100%" height="100%" alt="akairo otoha について about"></a></li>
				<li><a href="products/index.html" class="menuProduct"><img src="images/menu_product.png" width="100%" height="100%" alt="商品情報 products"></a></li>
			</ul>
			<ul class="clearfix">
				<li><a href="#" class="menuShopping"><img src="images/menu_shopping.png" width="100%" height="100%" alt="お買いもの shopping"></a></li>
				<li><a href="http://beapis.jp/" class="menuBeapissite"><img src="images/menu_biapis_site.png" width="100%" height="100%" alt="美あぴすサイト biapis site"></a></li>
			</ul>
		</nav>
	</header>
	<section>
		<article class="about">
			<h1><img src="images/about_header_txt01.png" width="93.3%" height="" alt="about akairo otoha"></h1>
			<h2><img src="images/about_header_txt02.png" width="79%" height="" alt="アピス薬局の薬剤師が プランニングしたスキンケア"></h2>
			<p>otoha（乙肌）は、アピス薬局の薬剤師がスキンケアに悩むすべての女性に安心して使っていただける化粧品の開発を目指し誕生したスキンケアブランドです。</p>
			<p>「akairo otoha」は従来のシリーズにさらに美容成分を追加しラインナップを取りそろえた新しい商品です。</p>
			<div class="link"><a href="#"><img src="images/details_txt.png" width="100%" height="100%" alt="詳細はこちら"></a></div>
		</article>
		<article class="product clearfix">
			<h1><img src="images/about_header_product_txt01.png" width="46%" height="" alt="products"></h1>
			<h2><img src="images/about_header_product_txt02.png" width="85%" height="" alt="うるおいと弾力に満ちたお肌へ"></h2>
			<p>「akairo otoha」はお肌の水分や栄養分を保ち、乾燥による肌ストレスから素肌を守り、ツヤとハリを与えます。</p>
			<div class="linkBox">
				<figure><img src="images/products_img.png" width="100%" height="" alt=""></figure>
				<figcaption><div class="link"><a href="#"><img src="images/product_list.png" width="100%" height="100%" alt="商品情報"></a></div></figcaption>
			</div>
		</article>
	</section>
	<footer class="clearfix">
		<div class="fbfooter"><a href="#">akairo otoha の公式 facebook はこちら</a></div>
		<div class="footerTxt">
			<p>copyright (c) beapis. all rights Reserved. </p>
		</div>
	</footer>
</div>
</body>
</html>